<ion-header>
  <ion-navbar>
    <ion-title>
      {{suvery.title}}
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>

  <div class="ft-tab-suveryInfo">
    <div>
      <div class="title">
        <b>Hi there, warm greetings from the GTI Secretariat!</b>
      </div>
      <div class="content" [innerHtml]="suvery.des">
        
      </div>
    </div>
    <br>
    <div *ngFor="let item of ques;let qIndex=index;" class="ques">
      <div *ngIf="item.type == 3">
        <div class="title1">
          {{qIndex + 1}}.{{item.name}}
        </div>
        <div class="content2">
          <textarea cols="46" rows="6" style="overflow:hidden; resize:none" placeholder="Please enter your answer" [(ngModel)]='item.a'></textarea>
        </div>
      </div>
      <div *ngIf="item.type == 1">
        <div class="title1">
          {{qIndex + 1}}.{{item.name}}
        </div>
        <div class="content1" *ngFor="let items of (item.con.split('/'));let qIndex=index;">
          <!--<input type="radio" name="radio"   value="{{items}}" class="content1_1" [(ngModel)]='item.b'>{{abcd[qIndex]}}.{{items}}<br>-->
          <div class="ft-radio" tappable (click)="item.b=items" tappable>
            <span class="ft-radio-icon" [class.ft-radio-icon-checked]="item.b == items"></span>
            <span>{{abcd[qIndex]}}.{{items}}</span>
          </div>
        </div>
        <hr>
      </div>
      <div *ngIf="item.type == 2">
        <div class="title1">
          {{qIndex + 1}}.{{item.name}}
        </div>
        <div class="content1" *ngFor="let items of (item.con.split('/'));let qIndex=index;">
          <div class="ft-check" tappable (click)='quzhi(items,qIndex)' tappable>
            <span class="ft-check-icon"  [class.ft-check-icon-checked]="efgh[qIndex]==items"></span>
            <span>{{abcd[qIndex]}}.{{items}}</span>
          </div>
        </div>
        <hr>
      </div>
    </div>
    <br>
    <div>
      <div class="title1">
        Please fill in your personal information to help us complete the surver.
      </div>
      <div class="content">
        <textarea cols="46" rows="1" placeholder="Name" [(ngModel)]="name" style="overflow:hidden; resize:none"></textarea><br>
        <textarea cols="46" rows="1" placeholder="Email" [(ngModel)]="email" style="overflow:hidden; resize:none"></textarea><br>
        <textarea cols="46" rows="1" placeholder="Company" [(ngModel)]="company" style="overflow:hidden; resize:none"></textarea><br>
      </div>
    </div>
    <br>
    <div class="end">
      Thank you for your time and cooperation
    </div>
    <br>
    <button full (click)='submit()'>Submit</button>
  </div>

</ion-content>